Day #30 CSS3 Coffee Cup

Sandbox This is where you play

Instructions: Create a realistic CSS3-only coffee cup!

Coffee Cup

Final Result Use this for reference!

Coffee Cup

Information About this lesson

What are we making?

Fun & fancy ways to create a illustration-style graphic using only CSS3!

Where can I use it?

This one is just for fun! Maybe designers have created realistic illustration-style drawings of Logos, Products, and even People using only CSS3! You could drum up some ideas of how you might want to put this excercise into practical use.

How compatible are these styles with major browsers?

Check the CSS3 styles from your stylesheet on this website. It allows you to see the compatibility of every CSS style with major browser.